Liviandas App | Diplo UX, UFLO

Una solución a la difícil tarea de sostener hábitos de alimentación saludable ante la falta de conocimiento en el tema y la escasa disponibilidad de tiempo.
Equipo de trabajo:
Agustina Cirelli          → Carolina Vazquez         → Dima Nocce          → Facundo Tubío
→ Karem Josserme          → Paula Hauscarriague          → Sebastián Vitis
Contexto
En el marco de la Diplomatura en UX de la Universidad de Flores (UFLO), y presuponiendo las dificultades que encuentra la población urbana en general para mantener una alimentación saludable (rica, sana y equilibrada), nos propusimos investigar y entender la problemática, cuáles son los principales obstáculos para volver esta necesidad actual en una realidad diaria y sostenible. 

Técnicas de investigación utilizadas

Investigación de escritorio
Comenzamos investigando material publicado en sitios webs, documentos, artículos académicos, legislaciones y apps existentes o similares en el mercado que resolvieran o abordaran la problemática desde distintos puntos de vista. Algunos sitios consultados:
Información Ministerio de Salud
Alimentación saludable
Guías alimentarias

Apps de alimentación:
Noodle: Rastrea recetas filtrando por ingredientes.
FitMenCook - Ekilu: Recetas saludables.
Aqualert: Aviso para tomar agua.
8Fit: Entrenamiento y alimentación.
Lifesum - MyFitnessPal - Fitia: Registro de consumo, conteo de calorías diarias.
Seguimiento Ayuno intermitente

Normativa Promoción de alimentación saludable:
Ley 27642
Cursos de alimentación saludable:
Curso Básico de Cocina Saludable


Entrevistas semi-estructuradas
Luego realizamos entrevistas con el objetivo de entender qué se conoce por alimentación saludable, qué lugar ocupa la cocina en la rutina diaria, cómo es la alimentación de lxs entrevistadxs dentro y fuera de casa, y qué hábitos y conversaciones comparten a menudo con su entorno.

Mapas de empatía y Proto Persona
Después de realizar 7 entrevistas a diversas personas interesadas en alimentación saludable, entender qué dicen, qué hacen, qué sienten y qué piensan (mapas de empatía), identificamos distintos patrones y manifestaciones que nos permitieron construir el proto persona de nuestra investigación.
 
Mapa de experiencia
A partir de los diversos testimonios recopilados y el Proto Persona elaborado planteamos el mapa de experiencia donde recorremos el día de la persona usuaria, lo que nos permitió conocer puntos de dolor como:

La falta de tiempo es un factor determinante para lograr el objetivo de alimentación saludable. ya sea para informarse sobre qué cocinar, como así realizar las compras necesarias (y lograr conseguir de manera sencilla todo lo necesario), cocinar, lavar, conservar los alimentos.
Las oportunidades encontradas fueron:

Obtener propuestas variadas y detalladas sobre alimentación saludable, mejorar la organización y el abastecimiento de productos, unificar el sitio de compras para optimizar el factor tiempo.
Idear y prototipar soluciones

Punto de Vista (POV)
Iniciamos esta etapa con la técnica POV para obtener de forma concisa el qué, para quién y por qué estamos creando nuestro producto. Permite definir el problema o dolor de los usuarios basado en las necesidades e insights obtenidos durante la creación del mapa de empatía. Los principales insight a los que arribamos fueron que Mar no come saludablemente por falta de tiempo y que Mar no tiene claro qué productos son realmente saludables.
¿Cómo podríamos…? - HMW 's
Con esta técnica repensamos el problema, las dificultades u obstáculos en relación a nuestra investigación. La idea es sintetizar los desafíos y convertirlos en oportunidades de diseño para luego poder pasar a la etapa de ideación.
Ideación
Luego comenzamos la etapa de ideación, surgiendo innumerables opciones en esta instancia. Evidenciamos aquí las que fuimos priorizando a medida que avanzábamos en el análisis de las mismas, llegando a la conclusión de avanzar con la idea de una app de viandas saludables, logrando esta el mejor equilibrio entre impacto y factibilidad.
Storyboard
Gracias a su carácter gráfico y visual, esta herramienta de ideación nos permitió transmitir e imaginar fácilmente escenarios o contextos de uso de nuestro producto y tenerlos en cuenta a la hora de pensar y diseñar las posibles soluciones. Aquí el que más representa la solución elegida: App de viandas saludables.

Crazy Eight / Primeros Wireframes​​​​​​​
Mediante esta técnica plasmamos en pocos minutos nuestras ideas en bocetos para encontrar situaciones acertadas en cuanto a estructuras y formas de plantear el recorrido de nuestra app. Una vez hecha la puesta en común y acordado ciertas premisas, estuvimos listos para comenzar a trabajar en la arquitectura de Información y diagramas de flujo de nuestra app.
Prototipo de media fidelidad para test de usabilidad
Hicimos tangible nuestra idea sin enfatizar en detalles estéticos para obtener un flujo que nos permitiera detectar y corregir problemas potenciales antes de que el producto alcance una instancia hipotética de puesta en producción, ayudando a visualizar como sería la usabilidad y qué tareas tendría que realizar el usuario para obtener su acometido. Efectuamos test de usabilidad y evaluamos la eficacia y eficiencia de uso. Registramos si lograron completar las tareas de manera satisfactoria, en la menor cantidad de pasos posibles y cuánto tiempo demoraron. Debajo algunos prints del prototipo:
A partir de los test de usabilidad realizados, abordamos una evaluación heurística y con los insights de allí derivados, continuamos con la iteración del prototipo, de manera tal de asegurar una mejor experiencia para nuestros usuarios hipotéticos: 

✅ Modificamos el tipo de componente utilizado para que el usuario visualice en qué paso del registro se encuentra (stepper).
✅ Sumamos una pantalla de éxito luego de finalizar cada tarea (registro/ selección de plan/frecuencia de entrega) en la app para darle feedback al usuario sobre las etapas que ya finalizó y que se encuentre mejor situado en el proceso.
✅ Indicamos unidades de medida en los datos solicitados en el registro para evitar hacer dudar a la persona usuaria sobre lo que debe completar (ej: peso en kilos).
✅ Luego de completar cada etapa, agregamos el botón "volver más tarde" por si nuestra persona usuaria no quiere perder lo completado pero necesita suspender el proceso.
✅ Aumentamos las opciones sobre "tipos de alimentación" para que la mayor cantidad posible de usuarios se sienta identificada con alguna.
✅ Replanteamos contenido a lo largo de toda la app para mejorar la consistencia.
✅ Indicamos qué campos son obligatorios para evitar el error en pantalla al continuar.
✅ Disponibilizamos acceso a preguntas frecuentes para mayor información.
​​​​​​​
Diseño de experiencia final
Voz y tono
Hemos planteado para el proyecto "Liviandas" una voz mayormente popular e informal, pero bastante convencional, tratando de abarcar un grupo de usuarios amplio. Quisimos construir una voz juguetona, tratando de linkear la idea de que no por ser alimentación saludable, menos divertida...
Diseño de marca
Guía de estilos y librería de componentes
Wireframes en alta
Proyecto realizado en el marco de la Diplomatura Universitaria UX de UFLO
→ instagram.com/diploux                     → diploux.ar                      → linkedin.com/diplo-ux                      
Liviandas App | Diplo UX, UFLO
Published: